<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="renderer" content="webkit" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="" />
<meta name="author" content="" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<link rel="icon" href="${base }/static/img/icon.ico" type="image/x-icon" />
<title>中翰云工作台</title>
<link rel="stylesheet" href="${base }static/vendor/fontawesome/css/font-awesome.min.css" />
<link rel="stylesheet" href="${base }/static/vendor/simple-line-icons/css/simple-line-icons.css" />
<link rel="stylesheet" href="${base }/static/vendor/animate.css/animate.min.css" />
<link rel="stylesheet" href="${base }/static/vendor/toastr/toastr.min.css" />
<link rel="stylesheet" href="${base }/static/media/css/bootstrap.css" />
<link rel="stylesheet" href="${base }/static/media/css/app.css" />
<link rel="stylesheet" href="${base }/static/media/css/theme-i.css" />
<link rel="stylesheet" href="${base }/static/vendor/fontawesome/css/font-awesome.min.css" />
		<link rel="stylesheet" href="${base }/static/vendor/simple-line-icons/css/simple-line-icons.css" />
		<link rel="stylesheet" href="${base }/static/vendor/animate.css/animate.min.css" />
		<link rel="stylesheet" href="${base }/static/vendor/toastr/toastr.min.css" />
		<link rel="stylesheet" href="${base }/static/media/css/bootstrap.css" />
		<link rel="stylesheet" href="${base }/static/media/css/app.css" />
		<link rel="stylesheet" href="${base }/static/media/css/theme-i.css" />
</head>

<body class="layout-fixed" onload="orderlist(1)">
	<div class="wrapper" role="navigation">
		<header class="topnavbar-wrapper"> <nav
			class="navbar topnavbar" role="navigation">

		<div class="navbar-header">

			<a class="navbar-brand" href="/index">

				<div class="brand-logo">

					<img class="img-responsive" alt="App Logo"
						src="${request.contextPath }/static/img/logo.png" />
				</div>

				<div class="brand-logo-collapsed">

					<img class="img-responsive" alt="App Logo"
						src="${request.contextPath }/static/img/logo.png" />
				</div>

			</a>

		</div>

		<div class="nav-wrapper">

			<ul class="nav navbar-nav">

				<li><a title="缩小/扩大侧栏" class="hidden-xs"
					data-toggle-state="aside-collapsed" href="#"> <em
						class="fa fa-navicon"></em>

				</a> <a title="缩小/扩大侧栏" class="visible-xs sidebar-toggle"
					data-no-persist="true" data-toggle-state="aside-toggled" href="#">
						<em class="fa fa-navicon"></em>

				</a></li>

			</ul>

			<ul class="nav navbar-nav navbar-right">

				<li><a title="搜索" data-search-open="" href="#"> <em
						class="icon-magnifier"></em>

				</a></li>

				<li class="dropdown dropdown-list"><a title="消息通知"
					data-toggle="dropdown" href="#"> <em class="icon-bell"></em>

						<div class="label label-danger" id="noticeNum"></div>

				</a>

					<ul class="dropdown-menu animated flipInX">

						<li>

							<div class="list-group">

								<a class="list-group-item" href="javascript:void(0);"
									onclick="showNotice('at')">

									<div class="media-box">

										<div class="pull-left">

											<em class="fa fa-at fa-2x text-info"></em>

										</div>

										<div class="media-box-body clearfix">

											<p class="m0">@我的</p>

											<p class="m0 text-muted">

												<small id="atMeNewNotice"></small> <input type="hidden"
													id="newAtMeCount" />
											</p>

										</div>

									</div>

								</a> <a class="list-group-item" href="javascript:void(0);"
									onclick="showNotice('comment')">

									<div class="media-box">

										<div class="pull-left">

											<em class="fa fa-comment fa-2x text-warning"></em>

										</div>

										<div class="media-box-body clearfix">

											<p class="m0">评论我的</p>

											<p class="m0 text-muted">

												<small id="commentMeNewNotice"></small> <input type="hidden"
													id="newCommentMeCount" />

											</p>

										</div>

									</div>

								</a> <a class="list-group-item" href="javascript:void(0);"
									onclick="showNotice('praise')">

									<div class="media-box">

										<div class="pull-left">

											<em class="fa fa-thumbs-up fa-2x text-success"></em>

										</div>

										<div class="media-box-body clearfix">

											<p class="m0">赞我的</p>

											<p class="m0 text-muted">

												<small id="praiseMeNewNotice"></small> <input
													id="newPraiseMeCounts" type="hidden" />

											</p>

										</div>

									</div>

								</a> <a class="list-group-item" href="javascript:void(0);"
									onclick="showNotice('letter')">
									<div class="media-box">

										<div class="pull-left">

											<em class="fa fa-bell fa-2x text-danger"></em>

										</div>

										<div class="media-box-body clearfix">

											<p class="m0">私信我的</p>

											<p class="m0 text-muted">

												<!--<small>0 新消息</small>-->
												<small id="newLetterNotice"></small> <input
													id="newLetterNoticeCount" type="hidden" />
											</p>

										</div>

									</div>

								</a>

							</div>

						</li>

					</ul></li>

				<li><a title="浏览记录" href="javascript:void(0);"
					onclick="locationUrl('/lookRecord/standard/my/0','lookRecord');">

						<em class="icon-clock"></em>

				</a></li>

				<li><a title="回收站" href="javascript:void(0);"
					onclick="locationUrl('/standard/garbage/0','garbage');"> <em
						class="icon-trash"></em>

				</a></li>

				<li><a title="设置" data-no-persist="true"
					data-toggle-state="offsidebar-open" href="javascript:void(0);">

						<em class="icon-settings"></em>

				</a></li>

			</ul>

		</div>

		<form class="navbar-form" role="search">

			<div class="form-group has-feedback">

				<input id="searchKey" type="text" class="form-control"
					placeholder="输入并且按回车确定..." />

				<div class="fa fa-times form-control-feedback"
					data-search-dismiss=""></div>

			</div>

			<button class="hidden btn btn-default" type="button">提交</button>

		</form>

		</nav> <!-- <script type="text/javascript">
					document.onkeydown = function(e) {
						if(!e) e = window.event; //火狐中是 window.event 
						if((e.keyCode || e.which) == 13) {
							window.event ? window.event.returnValue = false : e.preventDefault();
							var key = document.getElementById("searchKey").value;
							if(key != '') {
								locationUrl('/search/' + key, "");
							}
						}
					}
				</script> --> </header>
		<aside class="aside">
		<div class="aside-inner">
			<nav class="sidebar" data-sidebar-anyclick-close="">
			<ul class="nav">
				<li class="has-user-block">
					<div>
						<div class="item user-block">
							<div class="user-block-picture">
								<div class="user-block-status">
									<a href="javascript:void(0);"
										onclick="locationUrl(&#39;/user/1/0&#39;,&#39;&#39;);"> <img
										alt="" class="img-thumbnail img-circle"
										id="leftProfilePicture" src="${base }/static/img/favicon.png" /></a>
									<div class="circle circle-success circle-lg"></div>
								</div>
							</div>
							<div class="user-block-info">
								<div class="user-block-name" id="leftUserName">${User.username }</div>
								<div class="user-block-role" id="leftIntroduction">暂无简介</div>
							</div>
						</div>
					</div>
				</li>
				<li class="nav-heading ">主导航</li>
				<li class="active" id="home"><a title="订单查询"
					href="javascript:void(0);"
					onclick="locationUrl('/standard/my/0','home')"> <em
						class="icon-home"></em> <span>订单查询</span>
				</a></li>
			</ul>
			</nav>
		</div>
		</aside>
		<aside class="offsidebar">
		<h3 class="text-center">设置</h3>
		<div class="p-lg text-center">
			<input type="hidden" id="configId" value="1" />
		</div>
		<div class="p-lg text-center">
			<a class="btn btn-default btn-block"
				data-target="#modal-changeDescription" data-toggle="modal"
				href="javascript:void(0);"> <strong>修改个人简介</strong>
			</a>
		</div>
		<div class="p-lg text-center">
			<a class="btn btn-default btn-block"
				data-target="#modal-ChangeNickname" data-toggle="modal" href="#">
				<strong>修改昵称</strong>
			</a>
		</div>
		<div class="p-lg text-center">
			<a class="btn btn-default btn-block" data-target="#modal-ChangePass"
				data-toggle="modal" href="#"> <strong>修改密码</strong>
			</a>
		</div>
		<div class="p-lg text-center">
			<a class="btn btn-danger btn-block" href="/logout"> <strong>注销</strong>
			</a>
		</div>
		<script type="text/javascript">
					function changeConfig(type) {
						$.ajax({
							async: false,
							type: 'POST',
							dataType: 'json',
							data: {
								'id': $("#configId").val(),
								'type': type,
								'defaultFavorites': $("#layoutFavoritesName").val()
							},
							url: '/user/updateConfig',
							error: function(XMLHttpRequest, textStatus, errorThrown) {
								console.log(XMLHttpRequest);
								console.log(textStatus);
								console.log(errorThrown);
							},
							success: function(response) {
								loadConfig();
								$("#updateFavoritestBtn").attr("aria-hidden", "true");
								$("#updateFavoritestBtn").attr("data-dismiss", "modal");
							}
						});
					}
				</script> </aside>
		<style>
#content>div>ul>li {
	width: 20%;
	height: 100px;
	border: 1px solid red;
	float: left;
	list-style: none;
	margin-right: 10px;
}
#content
>
div
>
{
margin




:


 


20
px


 


auto




;
}
</style>
		<section id="content"> <!-- <div>
					<ul>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
					</ul>
				</div> --> <!-- 列表页开始 -->
		<div class="portlet-body">
			<form method="" class="dataform" id="orderlist_form" action="">
				<div class="row">
					<div class="col-md-3">
						<label class="col-md-5">订单编号：</label>
						<div class="col-md-7">
							<input type="text" class="form-control" name="orderNo">
						</div>
					</div>
					<div class="col-md-3">
						<label class="col-md-5">油卡编号：</label>
						<div class="col-md-7">
							<input type="text" class="form-control" name="gasCardNo">
						</div>
					</div>
					<div class="col-md-3">
						<label class="col-md-5">手机号：</label>
						<div class="col-md-7">
							<input type="text" class="form-control" name="telephone">
						</div>
					</div>
					<div class="col-md-3">
						<label class="col-md-5">充值卡：</label>
						<div class="col-md-7">
							<input type="text" class="form-control" name="fillCardSequence">
						</div>
					</div>
				</div>
				<div style="width: 100%; height: 15px;"></div>
				<div class="row">
					<div class="col-md-3">
						<label class="col-md-5">充值状态：</label>
						<div class="col-md-7">
							<select class="form-control" name="rechargeState">
								<option value="-1">全部</option>
								<option value="0">充值中</option>
								<option value="1">成功</option>
								<option value="2">失败</option>
								<option value="3">已撤销</option>
							</select>
						</div>
					</div>
					<div class="col-md-3" style="width: 380px">
						<label class="col-md-4">订单时间：</label>
						<div class="col-md-8 input-group" style="width: 220px">
							<input class="form-control" value="" name="beginTime"
								onclick="WdatePicker()" placeholder="开始时间" type="text">
							<span class="input-group-addon"
								style="min-width: 5px; width: 5px; padding: 0px 1px">-</span> <input
								class="form-control" value="" name="endTime"
								onclick="WdatePicker()" placeholder="结束时间" type="text">
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-2" style="text-align: right; display: none;">
						<button class="btn btn-default" id="submit" onclick="orderlist(1)"
							type="button">提交查询</button>
					</div>
				</div>


				<div class="row">
					<div class="btn-group btn-group-sm btn-group-solid"
						style="float: right;">
						<a href="javascript:;"
							onclick="$(this).parents('.portlet-body').find('#submit').trigger('click')"
							class="btn offline_serch_hide"
							style="margin-right: 30px; background: #18BC9C; color: #fff; border-color: #18BC9C;"><i
							class="fa fa-search"></i>提交查询</a>
						<!-- <a class="btn default" href="javascript:;" onclick="base.showSearch(this, MENU_ID)"><i class="fa fa-angle-up"></i>
                <span>隐藏搜索</span>
            </a> -->
					</div>
				</div>
				<div style="width: 100%; height: 10px;"></div>

				<div class="table-scrollable">
					<table class="table table-striped table-bordered table-hover"
						data-search="true">
						<thead>
							<tr>
								<th class="text-center">订单编号</th>
								<th class="text-center">姓名</th>
								<th class="text-center">油卡卡号</th>
								<th class="text-center">电话</th>
								<th class="text-center">充值卡卡号</th>
								<th class="text-center">面额</th>
								<th class="text-center">商品名称</th>
								<th class="text-center">时间</th>
								<th class="text-center">订单状态</th>
							</tr>
						</thead>
						<tbody id="ordercontent"></tbody>
					</table>
					<!-- 分页开始 -->
					<ul class="pagination">
						<li><a href="#">&laquo;</a></li>
						<li class="active"><a href="#">1</a></li>
						<li><a href="#">2</a></li>
						<li><a href="#">3</a></li>
						<li><a href="#">4</a></li>
						<li><a href="#">5</a></li>
						<li><a href="#">&raquo;</a></li>
					</ul>
					<input type="hidden" name="page" value="1">
					<!-- 分页结束 -->
				</div>
			</form>
		</div>
		<script type="text/javascript">
	function orderlist(pagenum){
		debugger;
		var data = $("#orderlist_form").serializeArray();
		$.ajax({
        	url:"${base}/admin/order/get",
            type:'post',
            dataType:'json',
            data:data,
            success:function(res)
            {
            	$.each(res.data, function(i, obj) {  
				    var tr = $('<tr>'); 
                    tr.append('<td class="text-center">'+boj.order_no+'</td>');
                    tr.append('<td class="text-center">'+boj.fill_card_sequence+'</td>');
                    tr.append('<td class="text-center">'+boj.gasCard_no+'</td>');
                    tr.append('<td class="text-center">'+boj.bm_item_id+'</td>');
                    tr.append('<td class="text-center">'+boj.bm_item_name+'</td>');
                    tr.append('<td class="text-center">'+boj.face_price+'</td>');
                    tr.append('<td class="text-center">'+boj.fill_name+'</td>');
                    tr.append('<td class="text-center">'+boj.telephone+'</td>');
                    tr.append('<td class="text-center">'+boj.orderTime+'</td>');
                    tr.append('<td class="text-center">'+boj.recharge_state+'</td>');
                    tr.append('<td class="text-center">'+boj.bm_bill_id+'</td>');
                    //订单内容 tbody
                    $("ordercontent").append(tr);
				});
/* 				//订单内容 tbody
				$("ordercontent").append(orderdata1);
				//总条数
				var total = res.total;
				//总页数
				var pages = Math.ceil(total/10);
 */				
            }
        });
	}
</script> <!-- 列表页结束 --> </section>
		<footer> <span>&copy; 2016 - 2017</span> <!-- <span class="pull-right">
	                  云收藏 | 让收藏更简单
	    		</span> --> </footer>
	</div>
	<div style="z-index: 1050;">
		<div id="modal-changeSharing" class="modal fade">
			<div class="modal-dialog wd-xl">
				<html lang="en">

<head>
</head>

<body>
	<div class="wrapper">
		<div class="block-center mt-xl wd-xl">
			<div class="panel panel-dark panel-flat">
				<div class="panel-heading text-center">
					<button style="color: #fff;" type="button" data-dismiss="modal"
						class="close">
						<span>×</span>
					</button>
					<a href="/" style="color: #fff;">Favorites</a>
				</div>
			</div>
		</div>
	</div>
</body>

				</html>
			</div>
		</div>

		<div id="modal-loginTips" class="modal fade">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" data-dismiss="modal" class="close">
							<span>&times;</span>
						</button>
						<h4 class="modal-title">请登录</h4>
					</div>
					<div class="modal-body">
						<p>
							您还没有登录，请先 <a href="/login" class="btn btn-primary btn-sm">登录</a>
							或 <a href="/register" class="btn btn-default btn-sm">注册</a>
						</p>
					</div>
					<div class="modal-footer">
						<button type="button" data-dismiss="modal" class="btn btn-danger">取消</button>
					</div>
				</div>
			</div>
		</div>

		<div id="modal-ChangePass" class="modal fade">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" data-dismiss="modal" class="close">
							<span>&times;</span>
						</button>
						<h4 class="modal-title">修改密码</h4>
					</div>
					<form id="updatePwdForm" data-parsley-validate="true"
						onsubmit="return false">
						<div class="modal-body">
							<div class="alert alert-danger text-center" id="passwordError">密码输入错误</div>
							<div class="form-group has-feedback">
								<input id="oldPassword" name="oldPassword" type="password"
									placeholder="旧密码" class="form-control" v-model="password"
									required="required" data-parsley-required-message="请输入旧密码" />
								<span class="fa fa-lock form-control-feedback text-muted"></span>
							</div>
							<div class="form-group has-feedback">
								<input id="newPassword" name="newPassword" type="password"
									placeholder="新密码" class="form-control" v-model="password"
									required="required" data-parsley-required-message="请输入新密码"
									pattern="/^(?![0-9]+$)(?![a-zA-Z]+$)(?![^0-9a-zA-Z]+$)\S{6,20}$/"
									data-parsley-pattern-message="请输入6-20位字母数字组合" /> <span
									class="fa fa-lock form-control-feedback text-muted"></span>
							</div>
						</div>
						<div class="modal-footer">
							<button type="submit" id="updatePwdBtn"
								class="btn btn-block btn-primary mt-lg" onclick="updatePwd();">确定</button>
						</div>
					</form>
				</div>
			</div>
		</div>
		<div id="modal-changeDescription" class="modal fade">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" data-dismiss="modal" class="close">
							<span>&times;</span>
						</button>
						<h4 class="modal-title">修改个人简介</h4>
					</div>
					<form id="updateIntroductionForm" data-parsley-validate="true"
						onsubmit="return false">
						<div class="modal-body">
							<div class="form-group">
								<textarea name="introduction" id="introduction"
									class="form-control" cols="30" rows="2" required="required"
									data-parsley-error-message="请输入个人简介"></textarea>
							</div>
						</div>
						<div class="modal-footer">
							<button type="submit" id="updateIntroductionBtn"
								class="btn btn-block btn-primary mt-lg"
								onclick="updateIntroduction();">确定</button>
							<!--  <button type="button" class="btn btn-primary">确定</button>
	               <button type="button" data-dismiss="modal" class="btn btn-warning">取消</button>  -->
						</div>
					</form>
				</div>
			</div>
		</div>
		<div id="modal-ChangeNickname" class="modal fade">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" data-dismiss="modal" class="close">
							<span>&times;</span>
						</button>
						<h4 class="modal-title">修改昵称</h4>
					</div>
					<form id="updateNicknameForm" data-parsley-validate="true"
						onsubmit="return false">
						<div class="modal-body">
							<div class="alert alert-danger text-center" id="nicknameError"></div>
							<div class="form-group has-feedback">
								<input id="newNickname" name="newNickname" type="text"
									placeholder="新昵称" class="form-control" required="required"
									data-parsley-error-message="请输入新昵称" /> <span
									class="fa fa-user form-control-feedback text-muted"></span>
							</div>
						</div>
						<div class="modal-footer">
							<button type="submit" id="updateNicknameBtn"
								class="btn btn-block btn-primary mt-lg"
								onclick="updateNickname();">确定</button>
						</div>
					</form>
				</div>
			</div>
		</div>
		<input type="hidden" id="layoutConfigId" name="layoutConfigId" />
		
		<table class="layui-hide" id="order"></table>
		<script>
			layui.use('table', function(){
			  var table = layui.table;
			  
			  table.render({
			    elem: '#order'
			    ,url:'${base}/admin/order/get/'
			    ,cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
			    ,cols: [[
			      {field:'orderNo', width:80, title: 'ID', sort: true}
			      ,{field:'fillName', width:80, title: '姓名'}
			      ,{field:'gascardNo', width:80, title: '油卡卡号', sort: true}
			      ,{field:'telephone', width:80, title: '电话'}
			      ,{field:'fillCardSequence', title: '充值卡号', width: '30%', minWidth: 100} //minWidth：局部定义当前单元格的最小宽度，layui 2.2.1 新增
			      ,{field:'facePrice', title: '面额', sort: true}
			      ,{field:'bmBillId', title: '商品名称', sort: true}
			      ,{field:'orderTime', title: '时间'}
			      ,{field:'rechargeState', width:137, title: '订单状态', sort: true}
			    ]]
			  });
			});
			</script>
		
	</div>
	
	<script src="${base }/static/index/vendor/jquery/jquery.min.js"></script>
	<script src="${base }/static/vendor/jquery.form/jquery.form.min.js"></script>
	<script
		src="${base }/static/index/vendor/bootstrap/js/bootstrap.min.js"></script>
	<script src="${base }/static/vendor/modernizr/modernizr.custom.js"></script>
	<script
		src="${base }/static/vendor/jQuery-Storage-API/jquery.storageapi.js"></script>
	<script src="${base }/static/js/My97DatePicker/WdatePicker.js"></script>
	<script src="${base }/static/media/js/app.js"></script>
	<!-- <script src="js/comm.js"></script> -->
	<!-- <script src="js/layout.js"></script> -->
	<!-- 		<script src="js/collect.js"></script> -->
	<!-- 		<script src="js/letter.js"></script> -->
	<!-- 		<script src="vendor/parsleyjs/dist/parsley.min.js"></script>
		<script src="vendor/toastr/toastr.min.js"></script>
		<script src="http://v3.jiathis.com/code_mini/jia.js?uid=2126448" charset="utf-8"></script> -->
	<!-- <script>
			/*<![CDATA[*/
			var size = 1;
			if(size != null && size > 0) {
				locationUrl('/standard/my/0', 'home');
			} else {
				locationUrl('/tool', 'tool');
			}
			var config = {
				'collectTypeName': '\u516C\u5F00',
				'createTime': 1513173855891,
				'defaultCollectType': 'public',
				'defaultFavorties': '1',
				'defaultModel': 'simple',
				'id': 1,
				'lastModifyTime': 1513173855891,
				'modelName': '\u7B80\u5355',
				'userId': 1
			};
			if(null != config) {
				$("#layoutConfigId").val(config.id);
			}
			/*]]>*/
		</script> -->
</body>

</html>